<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Exceptions</title>
    </head>

    <body>
        <div id="test"></div>
        <p>The following uncaught exceptions should be shown in the browser JS console:</p>
        <ul>
            <li>DOMException</li>
            <li>SyntaxError</li>
            <li>TypeError</li>
            <li>ReferenceError</li>
            <li>JS error thrown from an external script file</li>
            <li>Unhandled promise rejection</li>
        </ul>
        <script>
            // throws uncaught DOMException
            document.getElementById("test").setAttribute("", "");
        </script>
        <script>
            // throws uncaught SyntaxError
            1 = 1
        </script>
        <script>
            // throws uncaught TypeError
            const a = 1;
            a = 2;
        </script>
        <script>
            // throws uncaught ReferenceError
            xxx;
        </script>
        <script src="exceptions.js"></script>
        <script>
            Promise.resolve().then(() => {
                throw "Unhandled promise rejection";
            });
        </script>
    </body>
</html>
